<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>菜单管理</title>
	<meta name="decorator" content="adminlte"/>
	<%@include file="/WEB-INF/views/include/treetable.jsp" %>
	<script type="text/javascript">
		$(document).ready(function() {
			$("#treeTable").treeTable({expandLevel : 3}).show();
		});
    	function updateSort() {
			loading('正在提交，请稍等...');
	    	$("#listForm").attr("action", "${ctx}/sys/menu/updateSort");
	    	$("#listForm").submit();
    	}
	</script>
</head>
<body>
	<ul class="nav nav-tabs">
		<li class="active"><a href="${ctx}/sys/menu/">菜单列表</a></li>
		<shiro:hasPermission name="sys:menu:edit"><li><a href="${ctx}/sys/menu/form">菜单添加</a></li></shiro:hasPermission>
	</ul>
	<sys:message content="${message}"/>
	<section class="content" style="background: redl;padding: 0px">
	<div class="row">
		<div class="col-xs-12">
			<div class="box box-primary">
			<form id="listForm" method="post">
				<table id="treeTable" class="table table-bordered table-striped table-hover dataTable no-footer">
					<thead><tr><th>&nbsp;&nbsp;&nbsp;&nbsp;名称</th><th>链接</th><th style="text-align:center;">排序</th><th>可见</th><th>权限标识</th><shiro:hasPermission name="sys:menu:edit"><th>操作</th></shiro:hasPermission></tr></thead>
					<tbody><c:forEach items="${list}" var="menu">
						<tr id="${menu.id}" pId="${menu.parent.id ne '1'?menu.parent.id:'0'}">
							<td nowrap>
							<i class="fa ${not empty menu.icon?menu.icon:' hide'}"></i>
							<a href="${ctx}/sys/menu/form?id=${menu.id}">${menu.name}</a></td>
							<td>${fns:abbr(menu.href,30)}</td>
							<td style="text-align:center;">
								<shiro:hasPermission name="sys:menu:edit">
									<input type="hidden" name="ids" value="${menu.id}"/>
									<input name="sorts" type="text" value="${menu.sort}" style="width:50px;margin:0;padding:0;text-align:center;">
								</shiro:hasPermission><shiro:lacksPermission name="sys:menu:edit">
									${menu.sort}
								</shiro:lacksPermission>
							</td>
							<td>${menu.isShow eq '1'?'显示':'隐藏'}</td>
							<td >${fns:abbr(menu.permission,30)}</td>
							<shiro:hasPermission name="sys:menu:edit"><td nowrap>
								<a href="${ctx}/sys/menu/form?id=${menu.id}" class="btn btn-success btn-sm"><span class=""><i class="fa fa-pencil">&nbsp;修改</i></span></a>
								<a href="${ctx}/sys/menu/delete?id=${menu.id}" onclick="return confirmx('要删除该菜单及所有子菜单项吗？', this.href)" class="btn btn-warning btn-sm"><i class="fa fa-trash">&nbsp;删除</i></a>
								<a href="${ctx}/sys/menu/form?parent.id=${menu.id}" class="btn btn-info btn-sm"><i class="fa fa-plus">&nbsp;添加下级菜单</i></a> 
							</td></shiro:hasPermission>
						</tr>
					</c:forEach></tbody>
				</table>
				<shiro:hasPermission name="sys:menu:edit">
				<div class="box-footer">
					<label class="col-sm-3 control-label"></label>
					<input id="btnSubmit" class="btn btn-primary" type="button" value="保存排序" onclick="updateSort();"/>
				</div></shiro:hasPermission>
			 </form>
	 				</div>
			</div>
		</div>
	</section>
</body>
</html>